WDV321 Advanced Javascript

Dynamic Structure - Display Property Exercise

Use this page as the basis for your assignment. You are welcome to change the content, layout and style of this page as desired.

Create the following content areas on the page.

Create a div that contains a new drop down list with at least four common Complaints to a company.
Create a div that contains four Technical Problems displayed as a set of checkboxes.
Create a div that contains four Product Issues displayed as a set of radio buttons.
Use the display property to remove these content containers from the page.

Based on the selection from the "Reason For Contact" drop down, dynamically display the requested content in the Display Container section. For this exercise use the CSS display property to show/remove the requested content areas.

Customer Service Complaints:

Reason For Contact:

Select a Complaint:

Select Technical Problems:

Software Issue
Hardware Malfunction
Connectivity Issue
User Error

Select Product Issues:

Defective
Not as Described
Missing Parts
Incorrect Size